<template>
  <div style="width: 100%; height: 100%;">
    <div class="topBar">
        <div class="topLeft">
            <el-tabs>
                <el-tab-pane class="button" label="未开始">
                    <NotStarted :query="this.query" :kpsj="this.kpsj"></NotStarted>
                </el-tab-pane>
                <el-tab-pane class="button" label="已结束">
                    <finished :query="this.query"></Finished>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>

  </div>
</template>

<script>
import NotStarted from './notStartedComponent.vue';
import Finished from '../finished/finished.vue';
import Change from './changeRange.vue';

export default {
    components:{
        NotStarted,
        Finished,
        Change
    },
    data(){
        return{
            imgSrc: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
            query: '',
            kpsj: '',
            data: [],
            zyjjsj: [],
            zyjjTime: '',
            xsjjsj: '',
            ysjjsj: '',
            imgSrc: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
            imgList: [
            'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
            'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
            'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg'
            ],
            netWorkBidderData:[
            {
                name: '赵四',
                phone: '13366667777'
            },
            {
                name: '赵四五',
                phone: '13366667777'
            }
            ],
            bidderData:[
            {
                state: '成功',
                number: 2,
                price: 10000
            }
            ],
            isShowChangeDialog: false
          
            
        }
    },
    methods: {
        
        whichImg(item){
            this.imgSrc = item;
        },
        changeRange(){
            this.isShowChangeDialog = true;
        },
        dialogClose() {
            this.isShowChangeDialog = false;
        },
        
    },
    created(){
        this.query = this.$route.query.pmhbh;
        this.kpsj = this.$route.query.kpsj;
        // console.log('query=======',this.query);
    
        // this.getLotInfo();
    }
}
</script>

<style scoped>
    *{
        margin: 0;
        padding: 0;
    }
    .topBar{
        background: rgb(220, 220, 220);
        width: 100%; 
        height: 50px;
    }
    .topBar .topLeft{
        height: 100%;
    }

</style>
